.select-city{
  .city-header{
    padding: 1px 24px;
    background: var(--page-bg);
    .city-title{
      font-size: 24px;
      color: var(--subT-title);
      font-weight: 700;
    }
    .header-item{
      width: 200px;
      border-radius: 8px;
      border: 1px solid #E6E8EA;
      background: #fff;
      line-height: 64px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 28px;
      color: var(--title-color);
      margin: 24px 0;
      &.active{
        border-color: var(--theme-color);
      }
    }
  }
  .at-indexes__list{
    background: #fff;
    border-bottom: 24px solid var(--page-bg);
    .at-indexes__list-title{
      background: transparent;
    }
  }
  .at-list__item::after,.at-list::after{
    border-color: #E6E8EA;
  }
  .at-indexes__menu-item{
    color: #66686A;
  }
  .at-indexes__menu-item--active{
    background: transparent!important;
  }
}